*{padding:0; margin:0;  color:#333;  }

ul,li{list-style:none;}
img{border:none;}
img,input{ outline:none;}
a{ text-decoration:none; }

@font-face{
	font-family:xihei;
	src:url(../font/xihei.TTF)
	
}
body{ background:rgb(0,171,217) url(../images/body_bg.jpg) no-repeat center top;}
#index .index,#case .case,#bang .bang,#down .down,#news .news{border:1px solid white; background:#4cbcda}

header.top{ background:#009fca;}
.hd{ height:80px; width:1000px; margin:0 auto;}
.hd .logo{ float:left; margin-top:10px; margin-right:120px;}
.hd nav{ float:left;}
.hd nav li{ display:inline-block;height: 57px; padding-top:23px;}
.hd nav li a{ 
	display:block;
	border-radius:100px;
    padding:10px 30px;
    font-size:14px;
	color:#fff; 
	transition:0.5s; 
	line-height:1em;}
.hd nav li:hover a{border:1px solid white; background:#4cbcda}

.hd .us{ 
	float:right; 
	line-height:85px; 
	font-size:14px; 
	font-weight:900; 
	padding:0 30px; 
	background:url(../images/us_img.png) no-repeat 20px center; 
	color:#fff; text-indent:10px; 
	position:relative; 
	transition:0.5s;}
.hd .us:hover{ 
	background-color:#0082a5;
	}

.hd .us .box{ 
	width:210px; 
	height:0; 
	background:#0082a5; 
	position:absolute; 
	top:80px; 
	right:0; 
	overflow:hidden; 
	transition:0.5s;}

.hd .us:hover .box{ height:220px;}
.box li{ 
	font-size:20px; 
	color:#fff; 
	font-weight:900; 
	margin-top:20px; 
	line-height:1em;}
.box li span{ 
	font-size:14px; 
	color:#fff; 
	font-weight:100}
.box p{ 
	text-align:center; 
	float:left; 
	margin:25px 5px 0 10px; 
	color:#fff; 
	line-height:2em; 
	font-size:14px;}
.hd .us .box p img{ 
	display:block;
	}

.content header{ text-align:center; position:relative;}
.content header .quxian{ height:300px; width:100%; position:absolute; opacity:0.6;}
.content header .quxian1{ 
	background:url(../images/quxian1.png) repeat-x 0px center; 
	top:-50px; left:0; animation:quxian1 20s linear infinite; 
	-webkit-animation:quxian1 20s linear infinite;  }
.content header .quxian2{ 
	background:url(../images/quxian2.png) repeat-x 0px center; 
	top:-50px; left:0; opacity:0.2; 
	animation:quxian2 40s linear infinite;  
	-webkit-animation:quxian2 40s linear infinite; }

@keyframes quxian1
{
from {background-position: 0px center;}
to {background-position:  1920px center;}
}


@keyframes quxian2
{
from {background-position: 0px center;}
to {background-position:  -1920px center;}
}


.content header h2{ font-size:80px;
color:#fff; 
text-align:center;
font-family:xihei; 
text-transform:capitalize;
width:680px; margin:180px auto 50px auto; 
font-weight:100;
}
.content header h1{ 
font-size:30px; 
color:#fff; 
margin-bottom:25px;
}
.content header p{ 
 font-size:14px;
 color:#b9f3ff;}

section .serv{
  text-align:center;
  margin-top:160px;
  height:180px;}
section .serv li{ display:inline-block; margin:0 20px; vertical-align:top;  position:relative; width:138px; height:138px;}
section .serv li a{ display:block; width:138px;  background:url(../images/fuwu_quan_img.png); text-align:center; line-height:138px; border-radius:50%;  font-size:20px; color:#124655; position:absolute; top:0; left:0; z-index:999}
section .serv li img{ position:absolute; top:0;left:0; z-index:990;}
section .serv li a:hover+img{-webkit-animation:quan 2s linear infinite; animation:quan 2s linear infinite;}
@keyframes quan
{
from {-webkit-transform:scale(1); transform:scale(1); opacity:1;}
to {-webkit-transform:scale(1.3); transform:scale(1.3); opacity:0.1;}
}



.dontai{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
.dontai_nr{
	width: 80%;
	margin: 0 auto;
	height: 230px;
	line-height: 40px;
}
.dontai_nr li div{
	float: left;
	display: inline-block;
	color: #81c5d8;
}
.dontai_nr li time{
	float: right;
	font-size: 14px;
}
.dontai_nr li{
	width: 100%;
	border-top: 1px solid #0097bf;
	border-bottom: 1px solid #0097bf;
	height: 40px;
}
.dontai_nr li a{
	color: white;
	font-size: 25;
}
.dontai_nr li:hover{
	background: #4cbcda;
}


footer{
	height: 80px;
	width: 100%;
	line-height: 80px;
	background: white;
	text-align: center;
}
